<template>
  <div>
  
    {{$store.state.title}}
    <hr>
    <button @click="$store.state.title='hahaha'">SET_TITLE</button>
    <button @click="$store.commit('SET_TITLE','lalala')">SET_TITLE</button>
    <hr>
    <input type="text" v-model="title">
  </div>
</template>
<script>
export default {
  computed:{
    title:{
      get(){
        return this.$store.state.title
      },
      set(value){
        this.$store.commit('SET_TITLE',value);
      }
    }
  }
  


}
</script>

<style>
div {
  padding: 10px;
  margin: 10px;
  border: solid;
}
</style>